<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
</head>

<body>
    <!-- Window Screen 可用宽度
screen.availWidth 属性返回访问者屏幕的宽度，以像素计，减去界面特性，比如窗口任务栏。 -->
    <script>
        document.write("可用宽度: " + screen.availWidth);
    </script>
    <!-- Window Screen 可用高度
screen.availHeight 属性返回访问者屏幕的高度，以像素计，减去界面特性，比如窗口任务栏。 -->
    <script>
        document.write("<br/>可用高度: " + screen.availHeight);
    </script>

    <h3>你的屏幕:</h3>
    <script>
        document.write("总宽度/高度: ");
        document.write(screen.width + "*" + screen.height);
        document.write("<br>");
        document.write("可用宽度/高度: ");
        document.write(screen.availWidth + "*" + screen.availHeight);
        document.write("<br>");
        document.write("色彩深度: ");
        document.write(screen.colorDepth);
        document.write("<br>");
        document.write("色彩分辨率: ");
        document.write(screen.pixelDepth);
    </script>

</body>

</html>